<template>
  <div>
    <ClientList
      v-if="isShow == '客户列表'"
      @goBillList="goBillList"
      @goTransList="goTransList"
    />
    <BillList
      :parentData="row"
      v-if="isShow == '账单列表'"
      @backClient="backClient"
    />
    <TransactionDetail
      :parentData="row"
      v-if="isShow == '交易明细'"
      @backClient="backClient"
    />
  </div>
</template>

<script>
import TransactionDetail from "@/components/system/FinanceManagement/ClientBill/TransactionDetail";
import ClientList from "@/components/system/FinanceManagement/ClientBill/ClientList";
import BillList from "@/components/system/FinanceManagement/ClientBill/BillList";
export default {
  components: {
    ClientList,
    TransactionDetail,
    BillList,
  },
  created() {},
  data() {
    return {
      isShow: "客户列表",
      row: {},
    };
  },
  methods: {
    goBillList(data) {
      this.row = data;
      this.isShow = "账单列表";
    },
    goTransList(data) {
      this.row = data;
      this.isShow = "交易明细";
    },
    backClient() {
      this.isShow = "客户列表";
    },
  },
};
</script>

<style lang="less" scoped>
</style>
